<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/estilo.css" type="text/css">
<title>Login</title>
<script type="text/javascript">
function limpiar(id){
	document.getElementById(id).value="";
}
</script>
</head>
<body>
	
	<% String loginFallido=(String)request.getAttribute("loginFallido");%>
	
	<h1>LOGIN</h1>
	<form action="Login" method="post">
		Usuario: <input type="text" name="usuario" id="usuarioid" value=Juan onclick="limpiar('usuarioid');">
		<p>
		Password: <input type="password" name="password" id="passwordid" value=1234 onclick="limpiar('passwordid');">
		<p>
		Tipo de Empleado: <select name="tipoEmpleado">
		<option value="Mozo" id=Mozo label="Mozo" title="Mozo" selected="selected" >
		<option value="Administrativo" label="Administrativo" title="Administrativo" id=Administrativo>
		<option value="Encargado" label="Encargado" title="Encargado" id=Encargado>
		</select>
		<p>
		<input type="submit" value="Ingresar" name="submit">
	</form>
	<% if(loginFallido!=null && loginFallido.equals("true")){ %>
	<script type="text/javascript">
		alert("LOGUIN FALLIDO");
	</script>
	<% } %>
</body>
</html>
